<template>
  <div class="home-content">
    <!-- 轮播图 -->
    <SwiperComponent />

    <!-- 视频播放器 -->
    <VideoPlayer />

    <!-- 人物简介 -->
    <BioSection />

    <!-- 专辑展示 -->
    <Albums />

    <!-- 周边商品 -->
    <Merchandise />

    <!-- 新闻资讯 -->
    <NewsFeed />

    <!-- 支付按钮 -->
    <PaymentButton />
  </div>
</template>

<script>
import SwiperComponent from '@/components/SwiperComponent.vue'
import VideoPlayer from '@/components/VideoPlayer.vue'
import BioSection from '@/components/BioSection.vue'
import Albums from '@/components/Albums.vue'
import Merchandise from '@/components/Merchandise.vue'
import NewsFeed from '@/components/NewsFeed.vue'
import PaymentButton from '@/components/PaymentButton.vue'

export default {
  components: {
    SwiperComponent,
    VideoPlayer,
    BioSection,
    Albums,
    Merchandise,
    NewsFeed,
    PaymentButton
  }
}
</script>